import React from 'react';
import cdms from '../img/cdms.jpg'
import star from '../img/star.png'
class App extends React.Component {
	constructor(props) {
		super(props)
	}
	
	render() {
		return(
			<div id="listda">
				<div id="list-top">
					推荐商家
				</div>
				<div id="list-main">
					<p>综合排序<span className='iconfont sanjiao'>&#xe501;</span></p>
					<p>距离最近</p>
					<p>品质联盟</p>
					<p>综合排序<span className='iconfont qiehuan'>&#xe56a;</span></p>
				</div>
				<div id='list-line'></div>

				<div id='list'>
					<img id='list-left' src={cdms} />
					<div id='list-right'>
						<h3 className='meishi'>成都美食(航海中路店)</h3>
						<img id='list-star' src={star} />
						<span className='yuexiao'>4.5 月售50单</span>
						<div className='list-jiancan'>
							<p>￥10起送 | 优惠配送费￥2</p>
							<p>221m | 23分钟</p>
						</div>
						<div className='list-one'>
							<span className='list-1'>简餐</span>
							<span className='list-1'>品质联盟</span>
						</div>
						<div id='list-two'>
						<button type="button" className="btn-danger">减</button>
						满30减2，满50减5
						</div>
						<div id='list-two'>
						<button type="button" className="btn-suc">减</button>
						新用户下单立减14
						</div>
					</div>	
				</div>
				
			</div>
		)

	}
}
export default App;